[WebTech #64] CSS > 4. CSS 範例 > 4-4 視覺元件 > 4-4-1 單選與多選按鈕
在人機介面中，最重要的大概就是「文字框」、「單選按鈕」、「下拉式功能表」...這些視覺元件了！ CSS3 提供了大量方法，可以讓你用簡單的方法，製造出各種視覺元件。
由於視覺元件種類非常多，我將會一種一種分開介紹。本篇要介紹的是「單選按鈕」（Radio Button）與「多選按鈕」（Checkbox）。您不要只是點擊進去玩玩看就結束了喔！重要的是要讀懂它的 CSS 原始碼、學習它語法的精髓喔！
三個基本範例：
- 其一： http://www.hongkiat.com/blog/css3-checkbox-radio/
- 其二： http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/
- 其三： http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/
兩個比較精緻的範例：
- 其一： http://webdesign.tutsplus.com/tutorials/site-elements/creating-a-javascript-free-radio-toggle-in-css3/
- 其二： http://tympanus.net/codrops/2012/09/13/button-switches-with-checkboxes-and-css3-fanciness/
最棒的 CSS Selector 或 Properties 線上參考手冊：
（進入後，Selector 在中央，Properties 在左下選單）
http://www.w3schools.com/cssref/css_selectors.asp
Search